{template 'include/header'}

<div class="container container-fill">
<script>
window.onload = function() {
    var oDiv = document.getElementById("tab");
    var oLi = oDiv.getElementsByTagName("div")[0].getElementsByTagName("li");
    var aCon = oDiv.getElementsByTagName("div")[2].getElementsByTagName("div");
    var timer = null;
    oLi[0].className="cur";
    aCon[0].className="cur";
    for (var i = 0; i < oLi.length; i++) {
        oLi[i].index = i;
        oLi[i].onclick = function() {
            show(this.index);
        }
    }
    function show(a) {
        index = a;
        var alpha = 0;
        for (var j = 0; j < oLi.length; j++) {
            oLi[j].className = "";
            aCon[j].className = "";
            aCon[j].style.opacity = 0;
            aCon[j].style.display = "none";
            aCon[j].style.filter = "alpha(opacity=0)";
        }
        oLi[index].className = "cur";
        clearInterval(timer);
        timer = setInterval(function() {
            alpha += 2;
            alpha > 100 && (alpha = 100);
            aCon[index].style.opacity = alpha / 100;
            aCon[index].style.display = "block";
            aCon[index].style.filter = "alpha(opacity=" + alpha + ")";
            alpha == 100 && clearInterval(timer);
        },
        5)
    }
}
</script>
<style>
	.show-more {padding-bottom:30px;}
	h5{color:#555;}
	.gy_footer{width: 100%;height: 50px;position: fixed;bottom: 0;left: 0;background: #fff;}
	.gy_footer_li{width: 25%;text-align: center;list-style: none;float: left;}
	.gy_footer_li_img{width: 22px;margin-top: 6px;}
	.gy_footer_li_p{font-size: 12px;line-height: 22px;color: #000;}
	.gy_footer_lic p{color: #43ac43 !important;}
	.bor_btm, .bor_top, .bor_left, .bor_right{position: relative;}
	.bor_btm:after, .bor_top:after, .bor_left:after, .bor_right:after{content: '';position: absolute; top: 0; left: 0; -webkit-box-sizing: border-box; box-sizing: border-box; width: 200%; height: 200%; -webkit-transform: scale(0.5); transform: scale(0.5); -webkit-transform-origin: left top; transform-origin: left top; }
	.bor_btm:after{border-bottom: 1px solid #e7e7e7;}
	.bor_top:after{border-top: 1px solid #e7e7e7;}
	.bor_left:after{border-left: 1px solid #e7e7e7;}
	.bor_right:after{border-right: 1px solid #e7e7e7;}
	.bck_btm:after{content: "";display: block;position: absolute;left: -50%;width: 200%;height: 1px;background: #e7e7e7;-webkit-transform:scale(0.5);}
	.gy_d3{float: left;width: 50%;font-size: 12px;color: #fff;line-height: 20px;text-align: center;margin-top: 15px;}
	.gy_d3 p{margin: 0;padding: 0}
	.gy_d3 p span{font-size: 18px;color: #fff;}
	.gy_d4{width: 100%;padding: 0 3%;background: #fff;height: 50px;line-height: 50px;}
	.gy_d4l{width: 50%;float: left;}
	.gy_d4l img{width: 24px;float: left;margin-top: 12px;margin-right: 4px;}
	.gy_d4l p{float: left; font-size: 14px;color: #000;margin: 0 !important;}
	.gy_d4r{width: 50%;float: right;}
	.gy_d4r img{width: 20px;float: right;margin-top: 14px;margin-left: 4px;}
	.gy_d4r p{float: right; font-size: 13px;color: #888;margin: 0 !important;}
</style>
    <div class="hd" style=" background:url(<?php echo MODULE_URL;?>/template/mobile/img/bg1.jpg) no-repeat; background-size:100%; padding:15px 15px 6px; width:100%; box-sizing:border-box; border:none !important;">
     <div class="float_l" style=" box-sizing:border-box; width:12%">
     	<img src="{$user_photo}" style=" border-radius:100%;"/>
     </div>
     <div class="float_l font_1" style="box-sizing:border-box;padding-left:10px; width:88%;">
     	<span class="font_3" style="color:#fff;font-size:16px !important;line-height:40px;">{$user_name}</span>
     </div>
     <div class="clear"></div>
     <div style="width:100%">
     	<div class="gy_d3 bor_right">
     		<p><span>{php echo sprintf("%.2f",substr(sprintf("%.4f", $list['sum']), 0, -2));}</span> 元</p>
     		<p>捐款金额</p>
     	</div>
     	<div class="gy_d3">
     		<p><span>{$list['count']}</span> 个</p>
     		<p>支持项目</p>
     	</div>
     	<div class="clearfix"></div>
     </div>
    </div>
    <div style="height:10px;"></div>
    <a href="{php echo $this->createMobileUrl('uadd');}"><div class="gy_d4 bor_btm">
    	<div class="gy_d4l">
    		<img src="<?php echo MODULE_URL;?>/template/mobile/img/gy_12.png">
    		<p>我的项目</p>
    		<div class="clearfix"></div>
    	</div>
    	<div class="gy_d4r">
    		<img src="<?php echo MODULE_URL;?>/template/mobile/img/gy_r.png">
    		<p></p>
    		<div class="clearfix"></div>
    	</div>
    	<div class="clearfix"></div>
    </div></a>
	<a href="{php echo $this->createMobileUrl('myyqz',array('other_id'=>$_W['mem_id']));}"><div class="gy_d4 bor_btm">
		<div class="gy_d4l">
			<img src="<?php echo MODULE_URL;?>/template/mobile/img/wdyqz.png">
			<p>我的一起捐</p>
			<div class="clearfix"></div>
		</div>
		<div class="gy_d4r">
			<img src="<?php echo MODULE_URL;?>/template/mobile/img/gy_r.png">
			<p></p>
			<div class="clearfix"></div>
		</div>
		<div class="clearfix"></div>
	</div></a>
    <a href="{php echo $this->createMobileUrl('Fundpage');}"><div class="gy_d4 bor_btm">
    	<div class="gy_d4l">
    		<img src="<?php echo MODULE_URL;?>/template/mobile/img/gy_5.png">
    		<p>捐款记录</p>
    		<div class="clearfix"></div>
    	</div>
    	<div class="gy_d4r">
    		<img src="<?php echo MODULE_URL;?>/template/mobile/img/gy_r.png">
    		<p></p>
    		<div class="clearfix"></div>
    	</div>
    	<div class="clearfix"></div>
    </div></a>
    <a href="{php echo $this->createMobileUrl('count');}"><div class="gy_d4 bor_btm">
    	<div class="gy_d4l">
    		<img src="<?php echo MODULE_URL;?>/template/mobile/img/gy_9.png">
    		<p>捐赠统计</p>
    		<div class="clearfix"></div>
    	</div>
    	<div class="gy_d4r">
    		<img src="<?php echo MODULE_URL;?>/template/mobile/img/gy_r.png">
    		<p></p>
    		<div class="clearfix"></div>
    	</div>
    	<div class="clearfix"></div>
    </div></a>
     <a href="{php echo $this->createMobileUrl('ph');}"><div class="gy_d4 bor_btm">
    	<div class="gy_d4l">
    		<img src="<?php echo MODULE_URL;?>/template/mobile/img/gy_10.png">
    		<p>捐赠排名</p>
    		<div class="clearfix"></div>
    	</div>
    	<div class="gy_d4r">
    		<img src="<?php echo MODULE_URL;?>/template/mobile/img/gy_r.png">
    		<p></p>
    		<div class="clearfix"></div>
    	</div>
    	<div class="clearfix"></div>
    </div></a>
    <a href="{php echo $this->createMobileUrl('diploma');}"><div class="gy_d4 bor_btm">
    	<div class="gy_d4l">
    		<img src="<?php echo MODULE_URL;?>/template/mobile/img/gy_6.png">
    		<p>捐献证书</p>
    		<div class="clearfix"></div>
    	</div>
    	<div class="gy_d4r">
    		<img src="<?php echo MODULE_URL;?>/template/mobile/img/gy_r.png">
    		<p></p>
    		<div class="clearfix"></div>
    	</div>
    	<div class="clearfix"></div>
    </div></a>
    <a href="{php echo $this->createMobileUrl('agree');}"><div class="gy_d4 bor_btm">
    	<div class="gy_d4l">
    		<img src="<?php echo MODULE_URL;?>/template/mobile/img/gy_8.png">
    		<p>爱心条款</p>
    		<div class="clearfix"></div>
    	</div>
    	<div class="gy_d4r">
    		<img src="<?php echo MODULE_URL;?>/template/mobile/img/gy_r.png">
    		<p></p>
    		<div class="clearfix"></div>
    	</div>
    	<div class="clearfix"></div>
    </div></a>
   
<style type='text/css'>
	.sel { background:#33cdd6; color:#fff;}
	.nosel { background:#fff;color:#000}
    .sun_dr_d1{width: 100%;margin: 4px 0 4px;height: 100px;overflow: hidden;display: flex;justify-content: center;align-items: center;}
    .sun_dr_d1 img{min-width:100%;max-width:100%;min-height: 100px;}
</style>

<script type="text/javascript">
	function loadPage(pindex, container) {
		pindex = parseInt(pindex) + 1;
		$('#pager').html('正在加载数据...');
		$.get(location.href, {'page' : pindex}, function(html){
		
			if (html.indexOf('list-item') > -1) {
				html=html.substr(html.indexOf('list-item')+12,html.indexOf('class="show-more"')-html.indexOf('list-item')-18);
				$('#'+container).append(html);
				$('#pager').get(0).onclick = function(){
					loadPage(pindex, container);
				}
				$('#pager').html("浏览更多");
			} else {
				$('#pager').html('已经显示全部');
			}
		});
	}
	function loadProj() { 
		$.get("{php echo $this->createMobileUrl('uadd');}", function(html){
			$("#list").html(html);
			
		});
	}
</script>

<script src="https://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>

	<div class="gy_footer" style="z-index:10;">
		<a href="{php echo $this->createMobileUrl('Welfare');}"><li class="gy_footer_li bor_top">
			<img class="gy_footer_li_img" src="<?php echo MODULE_URL;?>template/mobile/img/gy_1.png">
			<p class="gy_footer_li_p">首页</p>
		</li>
		<a href="{php echo $this->createMobileUrl('founder');}"><li class="gy_footer_li bor_top">
			<img class="gy_footer_li_img" src="<?php echo MODULE_URL;?>template/mobile/img/gy_4.png">
			<p class="gy_footer_li_p">发起项目</p>
		</li></a>
		<a href="{php echo $this->createMobileUrl('looks');}"><li class="gy_footer_li bor_top">
			<img class="gy_footer_li_img" src="<?php echo MODULE_URL;?>template/mobile/img/gy_2.png">
			<p class="gy_footer_li_p">公益天地</p>
		</li></a>
		<li class="gy_footer_li bor_top gy_footer_lic">
			<img class="gy_footer_li_img" src="<?php echo MODULE_URL;?>template/mobile/img/gy_31.png">
			<p class="gy_footer_li_p">我</p>
		</li>
	</div>


<?php if(!empty($adv)) {?>
<div class="adv" style="width:100%;text-align:center;margin-top:10px;z-index:0;">
        <div style="margin:0;position:relative;">
            <span id="adv_close" style="display:inline-block;color:#fff;width:18px;height:18px;border-radius:50%;background-color:rgba(216,214,214,.6);position:absolute;right:1px;top:1px;cursor:pointer">X</span>
            <a href="{$adv['adv_link']}"><div class="sun_dr_d1"><img alt="{$adv['adv_title']}" src="{$_W['attachurl']}{$adv['adv_pic']}"></div></a>
        </div>
    </div>
<?php } ?>
<!--底部logo和版权-->
{template 'include/footer'}
         <div style="height:50px;"></div>  
</body>
</html>
